<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix='fn' uri='http://java.sun.com/jsp/jstl/functions'%>
<script type="text/javascript">

$(document).ready(function() {
		cocher();
	  if(document.getElementById('erreurImage').innerHTML != ''){
		  afficherFormulaireUpload();
	  }
	  if(document.getElementById('imageUpload').src != ''){
		  afficherFormulaireUpload();
	  } 
});

function afficherFormulaireUpload(){
	afficher('formulaire_ajout_image');
	afficher('lien_masquer');
	masquer('lien_upload');
}

function masquerFormulaireUpload(){
	afficher('lien_upload');
	masquer('lien_masquer');
	masquer('formulaire_ajout_image');
}

function afficher(nom)
{   
    document.getElementById(nom).style.display='block';   
}
function masquer(nom)
{   
    document.getElementById(nom).style.display='none';   
}


</script>
<c:choose>
<c:when test="${empty sachantSession}">
	<p class="error">Vous n'avez pas les droits suffisant pour afficher cette page</p>
</c:when>
<c:otherwise>
	
	
	<h4>Question en cours :</h4>
	<div class="formulaire affichageQuestionOuProposition">${question.libelle}</div>
	
	
	<c:if test="${!empty listePropositions }">
	<h4>Propositions :</h4>
	<div class="formulaire affichageQuestionOuProposition">
	<ol>
	<c:forEach items="${listePropositions}" var="proposition">
	<li>${proposition.texte}</li>
	</c:forEach>
	</ol>
	</div>
	</c:if>
	
	<p/>
	<h4>Ajouter une proposition :</h4>
	
	<c:if test="${!empty erreurs }">
	<c:forEach var="message" items="$(erreurs)" >
	<ul>
	<li>${erreurs}</li>
	</ul>
	</c:forEach>
	<p></p>
	</c:if>
	
	
	
	<form action="SaisirProposition?proposition=ajout" method="post">
	
		<input type="text" value="${idquestion}" name="idquestion" style="display: none" />
		

		<p></p>
		<textarea name="texte">${param.texte}</textarea>
		
		<input type="radio" name="type_proposition" value="estCorrecte"/><label for="estCorrecte"> Bonne réponse</label><br />
		<input type="radio" name="type_proposition" value="estFausse" checked="checked"/><label for="estFausse"> Mauvaise réponse</label><br />
		<input type="radio" name="type_proposition" value="estEliminatoire"/><label for="estEliminatoire"> Mauvaise réponse éliminatoire : Aucun point ne sera accordé sur cette question, même si une bonne réponse a été cochée.</label><br />
		
		
		<p></p>
		
		<label>Coefficient de la proposition :</label>
		<input type="text" value="${empty param.coefficient? '1.0':param.coefficient}" name="coefficient" size="3"/>
		<p></p>
		
		
		<input type="submit" value="Valider la proposition" class="btn btnSuivant">

	</form>
<p></p>
<p></p>
<p></p>
	<a href="SaisirQuestion">Saisir une nouvelle question</a>
	<a onclick="afficherFormulaireUpload()" id="lien_upload" style="display:block;">Uploader une image</a>
	<a onclick="masquerFormulaireUpload()" id="lien_masquer" style="display:none;">Masquer cette fenêtre</a>
	
	<div id="formulaire_ajout_image" style="display:none;">
	<form class="formulaire" action="${context.getServletContext()}SaisirQuestion?action=uploadImage" enctype="multipart/form-data" method="post">
		<p>
			<input type="file" class="btn" name="fileName" /> <input type="submit" class="btn"
				value="Envoyer" />
				<!-- erreur image -->
				<span id="erreurImage">${erreurImage}</span>
		</p>
		
		<!-- si l'image a bien été uploadé -->
		<c:if test="${not empty srcImage }">
			<p>
			<b>${srcImage}</b>
			</p>
			<img id="imgUpload" src="${srcImage}"/>
		</c:if>
		<p>Infos: les images doivent être de type png ou jp(e)g ou gif </p>
	</form>
	</div>
</c:otherwise>
</c:choose>